
<div class="container">
	<div class="demo-row">
		<div class="alert alert-info" ng-show="error">{{errorMessage}}</div>
		<div class="row">
				<div class="col-lg-8">
					<div class="form-group">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="Search" ng-model="searchCustomer">
							<span class="input-group-btn">
								<button type="submit" class="btn"><span class="fui-search"></span></button>
							</span>
						</div>
					</div>
				</div>
			</div>
			
			<hr>
			
			<div class="alert alert-info" ng-show="listCustomer.length == 0">
				No Transaction found
			</div>
		
			<table class="table table-hover table-striped table-bordered" ng-show="listCustomer.length > 0">
				<thead>
					<tr>
						<th>Id Customer</th>
						<th>Name</th>
						<th>Birthday</th>
						<th>Id CardNumber</th>
						<th>Action</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="lc in listCustomer | filter:searchCustomer">
						<td>{{lc.idcustomer}}</td>
						<td>{{lc.name}}</td>
						<td>{{lc.birthday}}</td>
						<td>{{lc.idcardnumber}}</td>
						<td><button class="btn btn-danger" ng-click="viewAllAccount(lc.idcustomer)">View All Account</button></td>
					</tr>
				</tbody>
			</table>
			<button class="btn btn-danger" ng-click="reportAllCustomer()">Report All Customer</button>
	</div>
</div>

 <script type="text/ng-template" id="accountCustomer.html">
        <div class="modal-header">
            <h3 class="modal-title">Detail Account</h3>
        </div>
        <div class="modal-body">
			<table class="table table-hover table-striped table-bordered" ng-show="listAccountNew.length > 0">
				<thead>
					<tr>
						<th>Id Account</th>
						<th>Name Account</th>
						<th>Account Type</th>
						<th>Status Account</th>
						<th>Balace</th>
						<th>Id Owner Customer</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="la in listAccountNew | filter:searchAccount">
						<td>{{la.idaccount}}</td>
						<td>{{la.nameaccount}}</td>
						<td>{{la.idAccountType}}</td>
						<td>{{la.idStatusaccount}}</td>
						<td>{{la.balance}}</td>
						<td>{{la.idCustomer}}</td>
					</tr>
				</tbody>
			</table>
         </div>
        <div class="modal-footer">
            <button class="btn btn-primary" ng-click="updateAccount()">OK</button>
            <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
        </div>
 </script>